<!DOCTYPE html>	
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html;charset = utf-8"/>
		<script src="js/jQuery.js"type="text/javascript"></script>
		<title>丝芙兰网站</title>
	    <link rel="stylesheet" href="css/style.css" type="text/css"/>
		<script type="text/javascript" src="js/js.js"></script>
		
</head>
<body>
<!--头部-->
	<div class="header">
	<ul class='left'>
	<li>欢迎来到丝芙兰</li>
	<li><a href="#">请登录</a></li>
	<li><a href="#">免费注册</a></li>
	<li>
	<span class='current'>常见问题</span>
	<span>丝芙兰会员发货公告</span>
	<span>正品承诺</span>
	</li>
	</ul>
	<span class='right'>帮助中心</span>
	</div>
<!--导航-->
	<div class="nav">
	<div class="navleft">
	<img src="images/Logo.png"/>
	<button class='button'></button>
	</div>
	<div class="navcenter">
	<div class='search'>
	<input type='text' value='' class='search-text'/>
	<input type='button' value='' class='search-btn'/>	
	</div>
	<div class='littlesearch'>
	<ul>
	<li><a href='#'>周末秒杀</a></li>
	<li><a href='#'>大牌压箱</a></li>
	<li><a href='#'>爆款套装</a></li>	
	<li><a href='#'>人气榜</a></li>	
	<li><a href='#'>爆款彩香榜</a></li>	
	</ul>
	</div>
	<div class='bigsearch'>
	<ul>
	<li><a href='#'>销售榜单</a></li>
	<li><a href='#'>独家发售</a></li>
	<li><a href='#'>礼物套装</a></li>	
	<li><a href='#'>全部品牌</a></li>	
	<li><a href='#'>预约中心</a></li>	
	</ul>
	</div>
	</div>
	<div class="navright">
	<div class='num'>
	<div class='page'></div>
	<div class='p'>
	<p>购物袋</p>
	<input id='car' type='text' value='0'/>
	<p>件</p>
	</div>
	</div>
	<img src='images/page2.jpg'/>
	</div>
	</div>
	

	<img class='question0' src='images/问题.jpg'/>
	<img class='question1' src='images/发货.jpg'/>
	<img class='question2' src='images/正品.jpg'/>

		
<!--内容-->	
	<div class="content">
	<div class='contentleft'>
	<ul>
	<li>
	 <dl>
    <dt>功效</dt>
    <dd><a href='#'>保湿补水</a>&nbsp;&nbsp;<a href='#'>底妆修容</a></dd>
	</dl>
	</li>
		<li>
	 <dl>
    <dt>护肤</dt>
    <dd><a href='#'>打造‘天鹅颈’</a>&nbsp;&nbsp;<a href='#'>护肤节日爱礼</a></dd>
	</dl>
	</li>
		<li>
	 <dl>
    <dt>彩妆</dt>
    <dd><a href='#'>秋日彩妆盘点</a>&nbsp;&nbsp;<a href='#'>彩妆惠选礼盒</a></dd>
	</dl>
	</li>
		<li>
	 <dl>
    <dt>香水</dt>
    <dd><a href='#'>秋日馨香盘点</a>&nbsp;&nbsp;<a href='#'>小宗香氛</a></dd>
	</dl>
	</li>
		<li>
	 <dl>
    <dt>工具</dt>
    <dd><a href='#'>美容仪加持美丽</a>&nbsp;&nbsp;<a href='#'>美妆蛋套装</a></dd>
	</dl>
	</li>
		<li>
	 <dl>
    <dt>男士</dt>
    <dd><a href='#'>男士礼赠</a>&nbsp;&nbsp;<a href='#'>水油平衡</a></dd>
	</dl>
	</li>
		<li>
	 <dl>
    <dt>洗浴护体</dt>
    <dd><a href='#'>洗护沐浴</a>&nbsp;&nbsp;<a href='#'>塑身纤体</a></dd>
	</dl>
	</li>
		<li>
	 <dl>
    <dt>美发护发</dt>
    <dd><a href='#'>换季防脱</a>&nbsp;&nbsp;<a href='#'>润养秀发防毛躁</a></dd>
	</dl>
	</li>
		<li>
	 <dl>
    <dt>肤食</dt>
    <dd><a href='#'>胶原蛋白饮品</a></dd>
	</dl>
	</li>
	</ul>
	</div>
	
	<div class='contentright'>
	
	<div class='big'>
		
	<ul class='bodybg' id='bodybg'>
       <li style='display:block'><img src='images/b1.jpg'/></li>
       <li><img src='images/b2.jpg'/></li>
       <li><img src='images/b3.jpg'/></li>
    </ul>
    <div class='white'> 
		<button class='one'></button>
		<button class='two'></button>
		<button class='three'></button>
   </div>
   
   <button class='pre'></button>
   <button class='next'></button>
   </div>
	
	<div class='small'>
	<ul class='smallbg' >
       <li><button class='a'></button></li>
       <li><button class='b'></button></li>
       <li><button class='c'></button></li> 
    </ul>
	</div>
	</div>	

<!--精品-->	
	<div class="products">
	    <h1>精品推荐&nbsp;&nbsp;&nbsp;&nbsp;SEPHORA PICKS! </h1> 
		<div class="productsleft">
		<img src="images/good.jpg"/>

	    <a class='good1' href='玛丽黛佳色彩工作室蔷薇河谷眼影盘.html' target="_blank"></a>
        <a class='good2' href='兰蔻新空气轻垫菁纯粉底液.html' target="_blank"></a>
        </div>	
		<div class="productsright">
	    <img src="images/good.gif"/>
        </div>	
	
    </div>	
	</div>



	
<div class='a'>
	<!--悬浮搜索-->
	<div class="suspend">
	
	<div class="navleft">
	<img src="images/Logo.png"/>
	</div>
	
	<div class="navcenter">
	<div class='search'>
	<input type='text' value='' class='search-text'/>
	<input type='button' value='' class='search-btn'/>	
	</div>
	</div>

	</div>
	
	<!---护肤品类-->	
	<div class="species">
	    <h1>护肤品类&nbsp;&nbsp;&nbsp;&nbsp;SKINCARE </h1> 
		<div class='specieslink'>
		<ul>
		<li><a>惠选套装&nbsp;&nbsp;</a></li>
		<li><a>面部精华&nbsp;&nbsp;</a></li>
		<li><a>美容仪&nbsp;&nbsp;</a></li>
		<li><a>面膜&nbsp;&nbsp;</a></li>
		<li><a>眼部护理&nbsp;&nbsp;</a></li>
		<li><a>清洁&nbsp;&nbsp;</a></li>
		<li><a>卸妆&nbsp;&nbsp;</a></li>
		<li><a>唇部&nbsp;&nbsp;</a></li>
		<li><a>全部&nbsp;&nbsp;</a></li>
		</ul>
        </div>
		</br></br>
		<img src='images/skin.jpg'/>
    </div>	
	
		<!---化妆品类-->	
	<div class="species">
	    <h1>化妆品类&nbsp;&nbsp;&nbsp;&nbsp;MAKEUP </h1> 
		<div class='specieslink'>
		<ul>
		<li><a>丝绒无暇持妆系&nbsp;&nbsp;</a></li>
		<li><a>有眉有眼&nbsp;&nbsp;</a></li>
		<li><a>气垫粉底液&nbsp;&nbsp;</a></li>
		<li><a>精选彩妆礼盒&nbsp;&nbsp;</a></li>
		<li><a>口红大热色合辑&nbsp;&nbsp;</a></li>
		<li><a>全部&nbsp;&nbsp;</a></li>
		</ul>
        </div>
		</br></br>
		<img src='images/makeup.jpg'/>
    </div>	
	<!---香氛品类-->	
	<div class="species">
	    <h1>香氛品类&nbsp;&nbsp;&nbsp;&nbsp;FRAGRANCE </h1> 
		<div class='specieslink'>
		<ul>
		<li><a>当季新香&nbsp;&nbsp;</a></li>
		<li><a>高跟鞋香水&nbsp;&nbsp;</a></li>
		<li><a>独家私香&nbsp;&nbsp;</a></li>
		<li><a>“猎心斩男香”&nbsp;&nbsp;</a></li>
		<li><a>宝宝香&nbsp;&nbsp;</a></li>
		<li><a>中性香&nbsp;&nbsp;</a></li>
		<li><a>补香“神器”&nbsp;&nbsp;</a></li>
		<li><a>全部&nbsp;&nbsp;</a></li>
		</ul>
        </div>
		</br></br>
		<img src='images/fragrance.jpg'/>
    </div>	
	
		<!---工具品类-->	
	<div class="species">
	    <h1>工具品类&nbsp;&nbsp;&nbsp;&nbsp;TOOLS </h1> 
		<div class='specieslink'>
		<ul>
		<li><a>玫瑰金恋爱物语礼盒&nbsp;&nbsp;</a></li>
		<li><a>独家网红刷&nbsp;&nbsp;</a></li>
		<li><a>芭比波朗彩妆刷&nbsp;&nbsp;</a></li>
		<li><a>眼影刷&nbsp;&nbsp;</a></li>
		<li><a>化妆刷套组&nbsp;&nbsp;</a></li>
		<li><a>宙斯美容仪&nbsp;&nbsp;</a></li>
		<li><a>雅萌套装&nbsp;&nbsp;</a></li>
		<li><a>全部&nbsp;&nbsp;</a></li>
		</ul>
        </div>
		</br></br>
		<img src='images/tools.jpg'/>
    </div>		
	<!---男士品类-->	
	<div class="species">
	    <h1>男士品类&nbsp;&nbsp;&nbsp;&nbsp;MAN </h1> 
		<div class='specieslink'>
		<ul>
		<li><a>惠选套装&nbsp;&nbsp;</a></li>
		<li><a>控油平衡&nbsp;&nbsp;</a></li>
		<li><a>保湿水润&nbsp;&nbsp;</a></li>
		<li><a>滋养紧致&nbsp;&nbsp;</a></li>
		<li><a>剃须护理&nbsp;&nbsp;</a></li>
		<li><a>眼部护理&nbsp;&nbsp;</a></li>
		<li><a>全部&nbsp;&nbsp;</a></li>
		</ul>
        </div>
		</br></br>
		<img src='images/man.jpg'/>
    </div>	
	
		<!---洗浴护体-->	
	<div class="species">
	    <h1>洗浴护体&nbsp;&nbsp;&nbsp;&nbsp;BODY CARE </h1> 
		<div class='specieslink'>
		<ul>
		<li><a>惠选套装&nbsp;&nbsp;</a></li>
		<li><a>沐浴清洁&nbsp;&nbsp;</a></li>
		<li><a>身体护理&nbsp;&nbsp;</a></li>
		<li><a>手部护理&nbsp;&nbsp;</a></li>
		<li><a>胸部护理&nbsp;&nbsp;</a></li>
		<li><a>足部护理&nbsp;&nbsp;</a></li>
		<li><a>全部&nbsp;&nbsp;</a></li>
		</ul>
        </div>
		</br></br>
		<img src='images/body.jpg'/>
    </div>		
		<!---美发护发-->	
	<div class="species">
	    <h1>美发护发&nbsp;&nbsp;&nbsp;&nbsp;HAIR CARE </h1> 
		<div class='specieslink'>
		<ul>
		<li><a>惠选套装&nbsp;&nbsp;</a></li>
		<li><a>美发工具&nbsp;&nbsp;</a></li>
		<li><a>洗发产品&nbsp;&nbsp;</a></li>
		<li><a>护发产品&nbsp;&nbsp;</a></li>
		<li><a>头皮护理&nbsp;&nbsp;</a></li>
		<li><a>美发产品&nbsp;&nbsp;</a></li>
		<li><a>全部&nbsp;&nbsp;</a></li>
		</ul>
        </div>
		</br></br>
		<img src='images/hair.jpg'/>
    </div>	
	
		<!---肤食品类-->	
	<div class="species">
	    <h1>肤食品类&nbsp;&nbsp;&nbsp;&nbsp;BEAUTY FOOD </h1> 
		<div class='specieslink'>
		<ul>
		<li><a>HAKUBI&nbsp;&nbsp;</a></li>
		<li><a>ReFa&nbsp;&nbsp;</a></li>
		<li><a>Blackmores&nbsp;&nbsp;</a></li>
		<li><a>Swisse&nbsp;&nbsp;</a></li>
		</ul>
        </div>
		</br></br>
		<img src='images/food.jpg'/>
    </div>	
	
	<!--分类导航-->
	<div class="speciesnav">
	<a href="#">护肤品类</a>
	<a href="#">化妆品类</a>
	<a href="#">香氛品类</a>
	<a href="#">工具品类</a>
    <a href="#">男士品类</a>
	<a href="#">洗浴护体</a>
	<a href="#">美发护发</a>
	<a href="#">肤食品类</a>
	</div>	
	
	
	<!--返回顶部-->
	<div class="top">
    <img src="images/top.jpg"/>
	</div>	
</div>	
	
<!--脚部-->
	<div class="footer">
	<div class='footer1'>
	<img src='images/footer1.jpg'/>
	</div>
	<div class='footer2'>
	<table>
	<tr>
	<th>购物流程</th>
	<th>支付/配送</th>
	<th>售后服务</th>
	<th>关于丝芙兰</th>
	<th>网上订购咨询热线：460&nbsp;670&nbsp;0055</th>
	</tr>

	<tr>
	<td>大宗采购/团购</td>
	<td>在线支付</td>
	<td>退换货规定</td>
	<td>公司介绍</td>
	</tr>


	<tr>
	<td>丝芙兰预付卡章程</td>
	<td>配送时间</td>
	<td>退换及退款说明</td>
	<td>联系我们</td>
	</tr>
	</table>

	</div>
	<div class='footer3'>

	沪公网安备31010602003121号&nbsp;&nbsp;&nbsp;&nbsp;IPC备案序号：沪ICP备05026645号&nbsp;&nbsp;&nbsp;&nbsp;食品安全许可证&nbsp;&nbsp;&nbsp;&nbsp;网站使用条款&nbsp;&nbsp;&nbsp;&nbsp;严正声明</br>
	本网站隶属于丝芙兰（上海）化妆品销售有限公司（企业法人营业执照）预付卡信息对接唯一标识：310101F5201530100309
    </div>
	</div>	


<!--注册-->
<div id='registration'>
  <div id='registration-top'>
     <span style='float:left;margin-left:10px;'>用户注册</span>
	 <span style='float:right;margin-right:10px;' class='rg-close'>关闭</span>
  </div>
  
  <div id='registration-content'>
     <form method='post' name='form1' onsumbit='return regedit()'> 
	    <table border='0' cellpadding='0' cellspacing='0' width='381'>
		<tr>
		  <td width='74'>
		    <span style='color:#a40000;'>*</span>输入用户
		  </td>
		  <td width='145'>
		    <input name='username' id='username' type='text' class='registration-content-text' maxlength='10'/>
		  </td>
		  <td width='162' align='left'>
		    <span id='a-tip'></span>
		  </td>
		</tr>
		
		<tr>
		  <td>
		    <span style='color:#a40000;'>*</span>输入密码
		  </td>
		  <td>
		    <input name='password' id='password' type='password' class='registration-content-text' maxlength='10'/>
		  </td>
		  <td align='left'>
		    <span id='b-tip'></span>
		  </td>
		</tr>
		
		<tr>
		  <td>
		    <span style='color:#a40000;'>*</span>确认密码
		  </td>
		  <td>
		    <input name='nextpassword' id='password2' type='password' class='registration-content-text' maxlength='10'/>
		  </td>
		  <td align='left'>
		    <span id='c-tip'></span>
		  </td>
		</tr>
		
		<tr>
		  <td>
		    <span style='color:#a40000;'>*</span>邮箱地址
		  </td>
		  <td>
		    <input name='email' id='email' type='text' class='registration-content-text'/>
		  </td>
		  <td align='left'>
		    <span id='d-tip'></span>
		  </td>
		</tr>
		
		<tr>
		  <td>
		    <span style='color:#a40000;'>*</span>手机号码
		  </td>
		  <td>
		    <input name='phone' id='phone' type='text' class='registration-content-text'/>
		  </td>
		  <td align='left'>
		    <span id='e-tip'></span>
		  </td>
		</tr>
		
		<tr>
		  <td>
		  </td>
		  <td style='padding-top:5px;'>
			<img src='images/regedit-buttom-1.jpg' width='65' height='22'/>
			<img src='images/login-resert.jpg' width='65' height='22'/>
		  </td>
		  <td align='left'>
		    <span id='e-tip'></span>
		  </td>
		</tr>	
		</table>
	</form>
  </div>
</div>


<!--登录-->
<div id='login'>
  <div id='login-top'>
     <span style='float:left;margin-left:10px;'>用户登录</span>
	 <span style='float:right;margin-right:10px;' class='rg-close'>关闭</span>
  </div>
  
  <div id='login-content'>
     <form method='post' name='form1' onsumbit='return regedit()'> 
	    <table border='0' cellpadding='0' cellspacing='0' width='381'>
		<tr>
		  <td width='74'>
		    <span style='color:#a40000;'>*</span>输入用户
		  </td>
		  <td width='145'>
		    <input name='username' id='username' type='text' class='registration-content-text' maxlength='10'/>
		  </td>
		  <td width='162' align='left'>
		    <span id='a-tip'></span>
		  </td>
		</tr>
		
		<tr>
		  <td>
		    <span style='color:#a40000;'>*</span>输入密码
		  </td>
		  <td>
		    <input name='password' id='password' type='password' class='registration-content-text' maxlength='10'/>
		  </td>
		  <td align='left'>
		    <span id='b-tip'></span>
		  </td>
		</tr>
		
		
		<tr>
		  <td>
		  </td>
		  <td style='padding-top:5px;'>
			<img src='images/login.jpg' width='65' height='22'/>
		  </td>
		  <td align='left'>
		    <span id='e-tip'></span>
		  </td>
		</tr>	
		</table>
	</form>
  </div>
</div>






	

</body>
</html>
